/* pages/index/index.scss */
$color:#00b26a;

.search {
  background-color: #00b26a;
  position: relative;
  padding: 10rpx;

  >input {
    margin: 0 20rpx;
    background-color: #FFFFFF;
    border-radius: 20rpx;
    padding: 8px;
  }

  .placeholder {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    pointer-events: none;
  }
}

.dianyin {
  .dyc {
    padding: 10rpx;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;

    .icon-film {
      color: $color;
      margin-right: 8rpx;
      font-weight: bold;
    }
  }

  .list {
    box-sizing: border-box;
    padding: 20rpx;
    display: flex;
    flex-flow: row nowrap;
    overflow-x: scroll;
    height: 412rpx;
    align-items: center;

    
      .tupian {
        padding-right:  20rpx;

        .tupian-image {
          width: 180rpx;
          height: 280rpx;
          border-radius: 12rpx;
        }
    }
    .star{
      .star-color {
        color: rgb(218, 165, 32);
      }
      .source {
        padding-left: 12rpx;
        vertical-align: middle;
      }
    }
  }
}